@import './base';
// @import './normalize';

//将37.5rem设置成一个变量
@rootSize:37.5rem;
body{
    background: #F0F0F0;
}
.main{
   padding-bottom:(15/@rootSize);
   //轮播图
   .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        img{
            height: (160/@rootSize);
            width: 100%;
        }
    }
    //标题
    .title{
        height: (41/37.5rem);
        line-height:(41/37.5rem);
        h3{
            color: #3C3C3C;
            font-size: (14/37.5rem);
            padding-left: (15/37.5rem);
        }
    }
    //开始乐园活动
    .start-active{
        background: #ffffff;
        padding-bottom: (5/@rootSize);
        .pic{
            
            position: relative;
            .icon{
                width: (68/37.5rem);
                height: (29/37.5rem);
                line-height: (29/37.5rem);
                text-align: center;
                display: inline-block;
                background: url(../images/status_active.png) no-repeat;
                color: #ffffff;
                font-size: (12/37.5rem);
                position: absolute;
                left:(15/37.5rem);
                top:-(8/37.5rem);
                background-size: (68/37.5rem) (29/37.5rem);
            }
            .ends{
                width: (68/37.5rem);
                height: (29/37.5rem);
                line-height: (29/37.5rem);
                text-align: center;
                display: inline-block;
                background: url(../images/status_default.png) no-repeat;
                color: #ffffff;
                font-size: (12/37.5rem);
                position: absolute;
                left:(15/37.5rem);
                top:-(8/37.5rem);
                background-size: (68/37.5rem) (29/37.5rem);
            }
            .closes{
                width: (68/37.5rem);
                height: (29/37.5rem);
                line-height: (29/37.5rem);
                text-align: center;
                display: inline-block;
                background: url(../images/status_default.png) no-repeat;
                color: #ffffff;
                font-size: (12/37.5rem);
                position: absolute;
                left:(15/37.5rem);
                top:-(8/37.5rem);
                background-size: (68/37.5rem) (29/37.5rem);
            }
            // i:nth-of-type(3){
            //     background: #FECA49;
            // }
            img{
                height: (160/37.5rem);
                width: 100%;
            }
            .starticon{
                font-size: (24/37.5rem);
                color: #ffffff;
                position: absolute;
                top:(18/37.5rem);
                right: (18/37.5rem);
            }
            .zmh{
                font-size: (24/37.5rem);
                position: absolute;
                top:(18/37.5rem);
                right: (18/37.5rem);
                color: #FECA49;
            }
        }
        .active-title{
            display: flex;
            justify-content: space-between;
            padding: (8/@rootSize) (15/@rootSize) (16/@rootSize) (15/@rootSize);
            span:nth-of-type(1){
                font-size: (15/@rootSize);
                color: #3C3C3C;
                flex: 0.92;
            }
            span:nth-of-type(2){
                font-size: (15/@rootSize);
                color: #fe6249;
                display: inline-block;
                width: (31/@rootSize);
            }
        }
        .active-message{
            padding: 0 (15/@rootSize) 0 (16/@rootSize);

            span:nth-of-type(1){
                i{
                    font-size: (9/@rootSize);
                    color: #B4B4B4;
                }
                color: #B4B4B4;
                font-size: (11/@rootSize);
            }
            span:nth-of-type(2){
                i{
                    font-size: (9/@rootSize);
                    color: #B4B4B4;
                }
                color: #B4B4B4;
                font-size: (11/@rootSize);
            }
        }
    }
}
footer{
    height: (49/@rootSize);
    background: #FECA49;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    a{
        color: #D78B09;
        i{
            font-size: (24/@rootSize)!important;
        }
        span{
            font-size: (11/@rootSize);
            display: block;
        }
        &.cur{
            color: #fff;
        }
    }
}
